<template>
	<ul class="info">
		<li>
			<span class="title">头像：</span>
			<img class="headerImg" src="~@/assets/img/headerImg.png" width="40" alt="">
			<input id="editor" type="button" value="修改">
		</li>
		<li>
			<span class="title">姓名：</span>
			<span class="txt">刘明明</span>
		</li>
		<li>
			<span class="title">性别：</span>
			<span class="txt">男</span>
		</li>
		<li>
			<span class="title">民族：</span>
			<span class="txt">汉</span>
		</li>
		<li>
			<span class="title">出生日期：</span>
			<span class="txt">1990-8-23</span>
		</li>
		<li>
			<span class="title">入党日期：</span>
			<span class="txt">2003-4-1</span>
		</li>
		<li>
			<span class="title">身份证号：</span>
			<span class="txt">410101199008236666</span>
		</li>
		<li>
			<span class="title">手机号码：</span>
			<span class="txt">18745962879</span>
		</li>
		<li>
			<span class="title">所在支部：</span>
			<span class="txt">第一党支部</span>
		</li>
		<li>
			<span class="title">授奖：</span>
			<span class="txt">河南省优秀人民警察</span>
		</li>
		<li>
			<span class="title">受罚：</span>
			<span class="txt">无</span>
		</li>
	</ul>
</template>

<script>
</script>

<style scoped="scoped">
	.info li{
		line-height: 40px;
	}
	.info li:nth-child(2n){
		background-color: #FFFBFC;
	}
	.info li .title{
		color: #aaa;
	}
	.info li .txt{
		color: #333;
	}
	.info li .headerImg{    
		vertical-align: middle;
	}
	#editor{
		padding: 2px 10px;
		border:none;
		border-radius: 5px;
		background-color: #F7DDDE;
		color: #CA3135;
	}
</style>
